// pages/Menu/Menu.ts
Page({

  /**
   * 页面的初始数据
   */
  data: {
    sercherStorage: [{"id": 1, "name": "1"}, {"id": 2, "name": "4"}, {"id": 3, "name": "9"}],
    //搜索框输入的值  
    inputValue: "",
    //显示搜索记录标志位
    StorageFlag: false,
    value: ''
  },
  //清楚缓存历史并关闭历史搜索框
  clearSearchStorage: function () {
    // wx.removeStorageSync('searchData')
    this.setData({
      sercherStorage: [],
      StorageFlag: false,
    })
  },

  tapSercherStorage(e) {
    console.log(e.currentTarget.id)
    let search = this.data.sercherStorage[e.currentTarget.id - 1].name
    console.log(search)
    var that = this
    let SearchData = {'cId': wx.getStorageSync('USERCID'), 'hHistory': search}
    wx.request({
      // 注意，如果小程序开启校验合法域名时必须使用https协议
      //在测试的情况下可以不开启域名校验
      url: 'http://localhost:8081/history/wx',
      data: {
        // 接口设置的固定参数值
        data: SearchData
      },
      // 请求的方法
      method: 'POST', // 或 ‘POST’
      // 设置请求头，不能设置 Referer
      header: {
        'content-type': 'application/json', // 默认值
        'token': wx.getStorageSync('TOKENINFO')
      },
      // 请求成功时的处理
      success: function (res) {
        // 一般在这一打印下看看是否拿到数据
        console.log(res.data);
        
      },
      // 请求失败时的一些处理
      fail: function () {
        wx.showToast({
          icon: "none",
          mask: true,
          title: "接口调用失败，请稍后再试。",
        });
      }
    })

    wx.request({
      // 注意，如果小程序开启校验合法域名时必须使用https协议
      //在测试的情况下可以不开启域名校验
      url: 'http://localhost:8081/menu/search',
      data: {
        // 接口设置的固定参数值
        data: search
      },
      // 请求的方法
      method: 'POST', // 或 ‘POST’
      // 设置请求头，不能设置 Referer
      header: {
        'content-type': 'application/json', // 默认值
        'token': wx.getStorageSync('TOKENINFO')
      },
      // 请求成功时的处理
      success: function (res) {
        // 一般在这一打印下看看是否拿到数据
        console.log(res.data.data);
        let allTableData = res.data.data
        for (var i = 0; i < allTableData.length; i++) {
          var path = res.data.data[i].mPicture
          const name = path.substring(path.lastIndexOf('\\') + 1)
          // 定义临时变量接收最终处理后的结果
          allTableData[i].mPicture = path.substring(0, path.lastIndexOf('\\') + 1)
            .replace('F:\\M_picture', '/images/') + encodeURI(name)
          if (allTableData[i].mCategory === '1') {
            allTableData[i].mCategory = '肉类'
          } else if (allTableData[i].mCategory === '2') {
            allTableData[i].mCategory = '青叶菜类'
          } else if (allTableData[i].mCategory === '3') {
            allTableData[i].mCategory = '瓜果类'
          } else {
            allTableData[i].mCategory = '水果类'
          }
        }

        // let resData = res.data.data[4].mMaterial;
        var array = res.data.data
        that.setData({
          // 将res.data保存在listDate方便我们去循环遍历
          MenuList: allTableData
          // 统计所有数据

        })
        if (res.statusCode == 200) {
          var array = res.data
          that.setData({
            // 将res.data保存在listDate方便我们去循环遍历
            listDate: res.data,
            // 统计所有数据
            StorageFlag: false
          })
        }
      },
      // 请求失败时的一些处理
      fail: function () {
        wx.showToast({
          icon: "none",
          mask: true,
          title: "接口调用失败，请稍后再试。",
        });
      }
    })
  },

  getStudentsList: function (mCategory) {
    if (mCategory === '1') {
      mCategory = '肉类'
    } else if (mCategory === '2') {
      mCategory = '青叶菜类'
    } else if (mCategory === '3') {
      mCategory = '瓜果类'
    } else {
      mCategory = '水果类'
    }
    return mCategory
  },

  onSearch(e) {
    console.log('点击搜索' + this.data.inputValue)
    console.log('点击搜索' + e.detail)
    let search = e.detail
    var that = this
    let SearchData = {'cId': wx.getStorageSync('USERCID'), 'hHistory': search}
    wx.request({
      // 注意，如果小程序开启校验合法域名时必须使用https协议
      //在测试的情况下可以不开启域名校验
      url: 'http://localhost:8081/history/wx',
      data: {
        // 接口设置的固定参数值
        data: SearchData
      },
      // 请求的方法
      method: 'POST', // 或 ‘POST’
      // 设置请求头，不能设置 Referer
      header: {
        'content-type': 'application/json', // 默认值
        'token': wx.getStorageSync('TOKENINFO')
      },
      // 请求成功时的处理
      success: function (res) {
        // 一般在这一打印下看看是否拿到数据
        console.log(res.data);
        
      },
      // 请求失败时的一些处理
      fail: function () {
        wx.showToast({
          icon: "none",
          mask: true,
          title: "接口调用失败，请稍后再试。",
        });
      }
    })

    wx.request({
      // 注意，如果小程序开启校验合法域名时必须使用https协议
      //在测试的情况下可以不开启域名校验
      url: 'http://localhost:8081/menu/search',
      data: {
        // 接口设置的固定参数值
        data: search
      },
      // 请求的方法
      method: 'POST', // 或 ‘POST’
      // 设置请求头，不能设置 Referer
      header: {
        'content-type': 'application/json', // 默认值
        'token': wx.getStorageSync('TOKENINFO')
      },
      // 请求成功时的处理
      success: function (res) {
        // 一般在这一打印下看看是否拿到数据
        console.log(res.data.data);
        let allTableData = res.data.data
        for (var i = 0; i < allTableData.length; i++) {
          var path = res.data.data[i].mPicture
          const name = path.substring(path.lastIndexOf('\\') + 1)
          // 定义临时变量接收最终处理后的结果
          allTableData[i].mPicture = path.substring(0, path.lastIndexOf('\\') + 1)
            .replace('F:\\M_picture', '/images/') + encodeURI(name)
          if (allTableData[i].mCategory === '1') {
            allTableData[i].mCategory = '肉类'
          } else if (allTableData[i].mCategory === '2') {
            allTableData[i].mCategory = '青叶菜类'
          } else if (allTableData[i].mCategory === '3') {
            allTableData[i].mCategory = '瓜果类'
          } else {
            allTableData[i].mCategory = '水果类'
          }
        }

        // let resData = res.data.data[4].mMaterial;
        var array = res.data.data
        that.setData({
          // 将res.data保存在listDate方便我们去循环遍历
          MenuList: allTableData
          // 统计所有数据

        })
        if (res.statusCode == 200) {
          var array = res.data
          that.setData({
            // 将res.data保存在listDate方便我们去循环遍历
            listDate: res.data,
            // 统计所有数据
            StorageFlag: false
          })
        }
      },
      // 请求失败时的一些处理
      fail: function () {
        wx.showToast({
          icon: "none",
          mask: true,
          title: "接口调用失败，请稍后再试。",
        });
      }
    })
  },
  onCancel() {
    console.log('点击取消')
    this.setData({
      StorageFlag: false
    })
    this.onLoad()
  },
  onFocus() {
    console.log('点击聚焦')
    var that = this
    wx.request({
      // 注意，如果小程序开启校验合法域名时必须使用https协议
      //在测试的情况下可以不开启域名校验
      url: 'http://localhost:8081/history/' + wx.getStorageSync('USERCID'),
      data: {
        // 接口设置的固定参数值
      },
      // 请求的方法
      method: 'GET', // 或 ‘POST’
      // 设置请求头，不能设置 Referer
      header: {
        'content-type': 'application/json', // 默认值
        'token': wx.getStorageSync('TOKENINFO')
      },
      // 请求成功时的处理
      success: function (res) {
        // 一般在这一打印下看看是否拿到数据
        console.log(res.data);
        //     let sercherStorage = [{"id": 1, "name": "1"}, {"id": 2, "name": "4"}, {"id": 3, "name": "9"}]
        let sercherStorage = res.data

        if (res.statusCode == 200) {
          var array = res.data
          that.setData({
            // sercherStorage[0].name: sercherStorage[2]
            // sercherStorage[1].name: sercherStorage[1]
            // sercherStorage[2].name: sercherStorage[0]
            sercherStorage: [{"id": 1, "name": sercherStorage[2]}, {"id": 2, "name": sercherStorage[1]}, {"id": 3, "name": sercherStorage[0]}]

          })
        }
      },
      // 请求失败时的一些处理
      fail: function () {
        wx.showToast({
          icon: "none",
          mask: true,
          title: "接口调用失败，请稍后再试。",
        });
      }
    })
    this.setData({
      StorageFlag: true
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad() {
    var that = this
    wx.request({
      // 注意，如果小程序开启校验合法域名时必须使用https协议
      //在测试的情况下可以不开启域名校验
      url: 'http://localhost:8081/menu/list',
      data: {
        // 接口设置的固定参数值
      },
      // 请求的方法
      method: 'GET', // 或 ‘POST’
      // 设置请求头，不能设置 Referer
      header: {
        'content-type': 'application/json', // 默认值
        'token': wx.getStorageSync('TOKENINFO')
      },
      // 请求成功时的处理
      success: function (res) {
        // 一般在这一打印下看看是否拿到数据
        console.log(res.data.data);
        let allTableData = res.data.data
        for (var i = 0; i < allTableData.length; i++) {
          var path = res.data.data[i].mPicture
          const name = path.substring(path.lastIndexOf('\\') + 1)
          // 定义临时变量接收最终处理后的结果
          allTableData[i].mPicture = path.substring(0, path.lastIndexOf('\\') + 1)
            .replace('F:\\M_picture', '/images/') + encodeURI(name)
          if (allTableData[i].mCategory === '1') {
            allTableData[i].mCategory = '肉类'
          } else if (allTableData[i].mCategory === '2') {
            allTableData[i].mCategory = '青叶菜类'
          } else if (allTableData[i].mCategory === '3') {
            allTableData[i].mCategory = '瓜果类'
          } else {
            allTableData[i].mCategory = '水果类'
          }
        }

        let resData = res.data.data[4].mMaterial;
        var array = res.data.data
        that.setData({
          // 将res.data保存在listDate方便我们去循环遍历
          MenuList: allTableData
          // 统计所有数据

        })
        if (res.statusCode == 200) {
          var array = res.data
          that.setData({
            // 将res.data保存在listDate方便我们去循环遍历
            listDate: res.data
            // 统计所有数据

          })
        }
      },
      // 请求失败时的一些处理
      fail: function () {
        wx.showToast({
          icon: "none",
          mask: true,
          title: "接口调用失败，请稍后再试。",
        });
      }
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})